<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript" src="../../js/vue.js"></script>
</head>
<body>
<div id="root">
  姓：<input type="text" v-model="firstName"></br>
  名：<input type="text" v-model="lastName"></br>
  姓名：<span>{{firstName}}-{{lastName}}</span>
</div>

<script type="text/javascript">

  const vm = new Vue({
    el:'#root',
    data:{
      firstName:'张',
      lastName:'三'
    }
  });
</script>
</body>
</html>
